import React from 'react'
import { add } from './redux/actions'
import { useSelector, useDispatch } from 'react-redux'
// import { useUpdate } from './utils/useRedux'
export default function Test() {
  // useUpdate()
  // 作用: 1. 让组件更新 2. 过滤数据
  const c = useSelector((state) => {
    // 这个回调函数再redux数据发生变化的时候会触发,然后将最新的state数据传递过来,我们需要哪些数据,就return出来.useSelector的返回值就是return的数据
    return state.c
  })

  const dispatch = useDispatch()
  // function useDispatch(){
  //   return store.dispatch
  // }
  return (
    <div>
      Test
      <p>{c}</p>
      <button
        onClick={() => {
          dispatch(add())
        }}
      >
        +
      </button>
    </div>
  )
}
